body{
	font-size: 12px;
	margin:0px;
	padding:0px;
	background-color: #C9CED2;
	text-align:center;
	scrollbar-base-color: #8BBC22;
	scrollbar-face-color:#8BBC22;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #EEEEEE;
	scrollbar-highlight-color: #91C589;
	scrollbar-shadow-color: #4888AB;
	scrollbar-3dlight-color: #91C589;
	scrollbar-darkshadow-color: #4888AB;
}

body,td {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #535352;
}


/* ****************************************
PAGE FRAME
**************************************** */

#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:600px;
/*
	border-style:solid;
	border-width:1px;
	border-color:#666666;
*/
	text-align:left;
}

#header{
	position:relative;
	height:60px;
	width:960px;
}
#header #left {
	float:left;
	width:20px;
	height:60px;
	background:  url("../image/top-n_bg.gif") no-repeat top left;
}
#header #logo {
	position:relative;
	float:left;
	width:270px;
	height:60px;
	background:  url("../image/top-n_bh.gif") repeat-x top left;
}
#header #round {
	float:left;
	width:68px;
	height:60px;
	background:  url("../image/top-n_bi.gif") repeat-x top left;
}
#header #navi {
	position:relative;
	float:left;
	width:581px;
	height:60px;
	background:  url("../image/top-n_bi.gif") repeat-x top left;
}
#header #right {
	float:left;
	width:20px;
	height:60px;
	background:  url("../image/top-n_bj.gif") no-repeat top right;
}

#logo img{ bottom:0; position:absolute;}

#round img{ bottom:0; position:absolute;}

/*
Add overflow:hidden to let div auto enlarge.
*/
#body {
	position:relative;
	width: 960px;
	height:auto!important;
	min-height:10px;
	background:  url("../image/left-n_b.gif") repeat-y top left;
	overflow:hidden;
}

#body #content {
	float:right;
	width: 940px;
	height: auto!important;
	min-height:10px;
	background: url("../image/right-n_.gif") repeat-y top right;
	background-color:#FFFFFF;
}


#footer{
	position:relative;
	width:960px;
	height:36px;
	background:  url("../image/bottom-o.gif") repeat-x top left;
}
#footer #left {
	float:left;
	width: 20px;
	height:36px;
	background:  url("../image/bottom-n.gif") no-repeat top right;
}
#footer #right {
	float:right;
	width: 20px;
	height:36px;
	background:  url("../image/bottom-p.gif") no-repeat top right;
}


#titleRound{
	position:relative;
	width:40%;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	background:  url("../image/markbg_middle.gif") repeat-x top left;
}
#titleRound #left {
	float:left;
	width: 22px;
	height:23px;
	background:  url("../image/markbg_left.gif") no-repeat top right;
}
#titleRound #right {
	float:right;
	width: 22px;
	height:23px;
	background:  url("../image/markbg_right.gif") no-repeat top right;
}

#navi #name {
	position:relative;
	max-width: 560px;
	height:32px;
}

#navi #name span{
	position:absolute;
	bottom:0px;
	right:0px;
}

#navi #link{
	position:absolute;
	bottom:0px;
	right:0px;
	height:28px;
	max-width: 560px;
	line-height:28px;
	vertical-align:middle;
	background:  url("../image/top2-n_b.gif") repeat-x  top left;
}
#link #left {
	float:left;
	width:10px;
	height:28px;
	background:  url("../image/top2-n_c.gif") no-repeat top right;
}
#link #right {
	float:right;
	width:10px;
	height:28px;
	background:  url("../image/top2-n_d.gif") no-repeat top right;
}

.box{
	width:194px;
	min-height:35px;
	border-style:solid;
	border-width:1px;
	border-color:#A0DE6A;
	margin-top:10px;
	padding-bottom:10px;
}

#titleGreen{
	height:22px;
	margin:1px 1px 5px 1px;
	padding-left:5px;
	padding-top:3px;
	color: #6B9E18;
	font-size: 14px;
	font-weight: bold;
	background:  url("../image/p_index_.gif") repeat-x top left;
}

#titleRed{
	height:22px;
	margin:1px 1px 5px 1px;
	padding-left:5px;
	padding-top:2px;
	color: #F96420;
	font-size: 14px;
	font-weight: bold;
	background:  url("../image/p_index_.gif") repeat-x top left;
}

#tag span{
	margin-left:10px;
	line-height:20px;
}


#leftPanel{
	width:194px;
	float:left;
}

#copyright{
	float:right;
	width:704px;
	text-align:right;
	padding-right:20px;
	margin-top:20px;
}

#photoContainer{
	float:right;
	width:706px;
	min-height:35px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin-top:10px;
	margin-right:20px;
	padding-bottom:10px;
}

.photoPreview{
	float:left;
	cursor: pointer;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	width: 115px;
	height: 115px;
	margin: 10px;
	padding: 0px;
	background-position: center;
	background-repeat: no-repeat;
}

#portrait{
	position:relative;
	width:194px;
	height:52px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}

#portrait img{
	width:52px;
	height:52px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin-left:35px;
	margin-right:20px;
}

.photoView{
	/*float:left;*/
	cursor: pointer;
	max-width: 650px;
	max-height: 400px;
	margin: 20px;
	padding: 0px 0px 15px 0px;
}

.photoView img{
	max-width: 650px;
	max-height: 400px;
	margin-bottom:10px;
}


/* ****************************************
other
**************************************** */
A:link {
	COLOR: #333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
A:active {
	COLOR: #333; TEXT-DECORATION: none
}
A:hover {
	BACKGROUND: #666; COLOR: #fff; TEXT-DECORATION: none
}
A.blaks:link {
	COLOR: #333; TEXT-DECORATION: underline
}
A.blaks:visited {
	COLOR: #333; TEXT-DECORATION: underline
}
A.blaks:active {
	COLOR: #333; TEXT-DECORATION: underline
}
A.blaks:hover {
	BACKGROUND: #666; COLOR: #fff; TEXT-DECORATION: underline
}

/* ****************************************
style
**************************************** */
.STYLE1 {font-size: 12px;color: #535352;}
.STYLE2 {font-size: 14px;color: #FD642A;font-weight: bold;}
.STYLE3 {font-size: 14px;color: #5EB70F;font-weight: bold;}
.STYLE4 {font-size: 12px; color: #999999; }
.STYLE6 {font-size: 12px; color: #999999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.STYLE7 {font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.STYLE8 {color: #6B9E18;font-size: 18px;font-weight: bold;}
.STYLE10 {color: #6B9E18; font-size: 14px; font-weight: bold; }
.STYLE12 {font-size: 14px; color: #535352; }
.STYLE14 {font-size: 12px; color: #535352; font-weight: bold; }
.style16 {color: #6B9E18; font-size: 12px; font-weight: bold; }
.style18 {color: #F68004;font-weight: bold; background-color:#E6E6E6}
.style19 {font-size: 14px}
.STYLE49 {color: #FD642A;font-weight: bold;}


.menu{
	font-size: 12px;
	color: #535352;
}

.form_text {
	font-size: 12px;
	color: #535352;
	font-weight: bold;
}

.textfield{
	font-color:#535352;
	border:solid #999999 1px ;
	font-size: 12px;
	height:16px;
}
